<template>
  <div @click="handleSearch"
    :style="{ borderRadius: px2rpx(props.res.data.round) + 'rpx', height: px2rpx(props.res.data.height) + 'rpx', lineHeight: px2rpx(props.res.data.height) + 'rpx', backgroundColor: props.res.data.background, color: props.res.data.textColor, textAlign: props.res.data.align }">
    {{ props.res.data.text }}
  </div>
</template>

<script setup lang="ts">
import { px2rpx } from './px2rpx';
const props = defineProps(['res'])
function handleSearch() {
  uni.navigateTo({
    url: `/pages/goods/search/page`,
  });
}



</script>

<style scoped></style>
